<template>
    <div class="app">
  
      <el-card class="card">
  
        <div>
  
          <span class="app_select_txt0">驻点</span>
          <el-input size="mini" class="app_select" placeholder="请输入驻点名称" v-model="serviceSiteName"></el-input>
  
  
          <el-button type="primary" icon="el-icon-search" size="mini" class="btn" @click="selectClick()">查询</el-button>
  
  
          <el-button icon="el-icon-refresh-right" size="mini" class="btn">重置</el-button>
        </div>
  
        <el-row type="flex" style="margin-top: 10px;margin-bottom: 10px;">
          <!-- <el-button style="margin: 10px 0px;" type="primary" @click="addClick">+ 新增</el-button> -->
        </el-row>
  
        <el-table :data="tableData" stripe v-loading="loding">
          <!-- <el-table-column type="selection" width="55">
          </el-table-column> -->
  
         <el-table-column type="index" width="50" label="序号" align="center">
         </el-table-column>
  
          <el-table-column prop="serviceSiteName" label="驻点名称" align="center">
            <template slot-scope="scope">
              <router-link :to="'/enterpise/workOrderReviewInfo?id='+scope.row.handOverId" class="link-type">
                <span>{{scope.row.serviceSiteName}}</span>
              </router-link>
            </template>
          </el-table-column </el-table-column>
          <el-table-column prop="rescuersName" label="施救人员" align="center">
          </el-table-column>
          <el-table-column prop="rescuersPhone" label="联系电话" align="center">
          </el-table-column>
          <el-table-column prop="numTickets" label="工单数" align="center">
          </el-table-column>
          <el-table-column prop="totalOrderAmount" label="应收" align="center">
            <template slot-scope="scope">
              <span>100</span>
            </template>
          </el-table-column>
          <el-table-column prop="totalPaidAmount" label="实收" align="center">
            <template slot-scope="scope">
              <span>100</span>
            </template>
          </el-table-column>
          <el-table-column prop="updateTime" label="提交日期" align="center">
          </el-table-column>
  
          <el-table-column prop="status" label="审核状态" align="center">
             <template slot-scope="scope">
                <el-tag v-if="scope.row.status=='0'" type="success">已通过</el-tag>
                <el-tag v-if="scope.row.status=='1'" type="danger">已驳回</el-tag>
                <el-tag v-if="scope.row.status=='2'">驳回中</el-tag>
                <el-tag v-if="scope.row.status=='3'">审核中</el-tag>
             </template>
          </el-table-column>
        </el-table>
  
        <pagination v-show="total>0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" @pagination="getList" />
      </el-card>
  
  
    </div>
  </template>


  <script>
    export default {
      dicts: [],
      data() {
        return {
          tableData: [],
          pageSize: 10,
          pageNum: 1,
          total: 0,
  
          serialNum: "",
          serviceSiteName: "",
          nickName: "",
  
  
          loding: false
  
        }
      },
      created() {
    
      },
      methods: {
       
  
      }
    }
  </script>
  
  <style scoped>
    .app {
      width: 100%;
       min-height: 100vh;
      display: flex;
      flex-direction: column;
      background-color: #EEE;
    }
  
  
    .app_select {
      width: 200px;
  
    }
  
    .card {
      min-height: 100vh;
    }
  
    .app_select_txt {
      margin-right: 10px;
      margin-left: 30px;
      font-size: 13px;
      font-weight: 400;
    }
  
    .app_select_txt0 {
      margin-right: 10px;
  
      font-size: 13px;
      font-weight: 400;
    }
  
    .btn {
      margin-left: 20px;
    }
  
    .addStation {
      width: 100px;
      height: 35px;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  </style>
  